<script setup lang="ts">
import type { UserCardProperty } from './config';

import { useVModel } from '@vueuse/core';

import ComponentContainerProperty from '../../component-container-property.vue';

/** 用户卡片属性面板 */
defineOptions({ name: 'UserCardProperty' });

const props = defineProps<{ modelValue: UserCardProperty }>();

const emit = defineEmits(['update:modelValue']);

const formData = useVModel(props, 'modelValue', emit);
</script>

<template>
  <ComponentContainerProperty v-model="formData.style" />
</template>
